// import '@babel/polyfill'
// 由于引入了大量的polyfill，导致我们原先仅仅只有几k的文件，膨胀到了511k, 因为引入的polyfill囊括了所有的兼容性处理，

import _ from "lodash";
import CsvData from "./data/data.csv";
// 只有在使用 JSON 模块默认导出时会没有警告。
// 没有警告
import JsonData from "./data/data.json";
// 显示警告，规范不允许这样做。
// import { JsonData } from "./data/data.json";
import { add } from "./add.ts";
import { bar } from './bar';
import { sayHello } from "./common/index.js";
import XmlData from "./data/data.xml";
import printPrice from "./get-fruit-price.js";
import { sub } from "./sub.ts";

import "./index.css";

// 动态导入代码分离
setTimeout(() => {
  // 只有调用 import() 才会加载 another 模块，webpack会自动将这个模块代码分离成一个单独的文件
  import(
    /* webpackPrefetch: true */
    /* webpackChunkName: "import_another" */
    "./another"
  ).then((another) => {
    setTimeout(() => {
      console.log(another.default.join(["Hello", "Another", "Import"], " "));
    }, 2000);
  });
}, 8000);

console.log(_.join(["Hello", "Index2"], " "));
console.log("JsonData:", JsonData);
console.log("XmlData:", XmlData);
console.log("CsvData:", CsvData);
printPrice("apple");
sayHello();
console.log(add(1, 2));
console.log(sub(1, 2));

// Tree Shaking 参考链接：http://zhuanlan.zhihu.com/p/403901557
console.log(bar);